<script setup lang="ts">
import { RouterView } from "vue-router";
const styleVars = {
  '--bottom-navigation-background-color': '#0089f3',
  '--bottom-navigation-item-active-background-color': '#0089f3',
  '--bottom-navigation-item-font-size': '14px',
}


</script>

<template>
  <var-style-provider :style-vars="styleVars">
    <div class="parent-wrap">
      <RouterView />
    </div>
  </var-style-provider>
</template>

<style>
.parent-wrap {
  height: 100dvh;
}
</style>
